<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/shouye.css" >
    <title>Welcome to hjq Blog!</title>
</head>
<body>

<div id="app">
    <div class="star"></div>
    <div class="star pink"></div>
    <div class="star blue"></div>
    <div class="star black"></div>
    <div class="content">
        <h2>
            Hello!
        </h2>
        <p>
            Welcome to hjq Blog!
        </p>
        <a href="#"><button class="more">click for more</button></a>
    </div>
    <div class="text">
        <h1>Top 3 Article</h1>
        <div class="text-content">
            <ul class="rank">
                <li>
                    <div class="text-title">
                        <a href="#">effective python</a>
                    </div>
                    <div class="text-caption">
                    this article mainly describes how to code python effectively。
                    </div>
                </li>
                <li>
                    <div class="text-title">
                        <a href="#">effective python</a>
                    </div>
                    <div class="text-caption">
                        this article mainly describes how to code python effectively。
                    </div>
                </li>
                <li>
                    <div class="text-title">
                        <a href="#">effective python</a>
                    </div>
                    <div class="text-caption">
                        this article mainly describes how to code python effectively。
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="startdate">
        <p>This project start in 2019.12.16</p>
    </div>
</div>
<script>

</script>
</body>
</html>